/* global */
@charset "utf-8";
:root {
	--border-radius: 6px;
	--notice-color: #888;
	--border-color: rgb(185, 185, 185);
	--muted-color: #666;
	--highlighted-blue-color: #def
}
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

* {
	box-sizing: border-box;
}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,ul{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
form{padding:0;margin:0;}
input{padding-left:1px;padding-right:1px;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
div,form,img,dl,dt,dd,p {border: 0; margin:0; padding:0;}
caption,th{text-align:left;}
img {vertical-align: middle;}

.div-icon-svg {
	padding: 3px;
	margin-right: 12px;
	color: rgb(83, 100, 113);height: 1.25em
}
.div-icon-svg:hover {
	background-color: #F5F5F5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
}
.icon-svg {
	margin-right: 1px;vertical-align: text-bottom;fill: currentcolor;height: 1.25em
}
.icon-svg-profile {
	color: rgb(83, 100, 113);
	margin-right: 1px;vertical-align: text-bottom;fill: currentcolor;height: 1.25em
}

.div-icon-svg-share {
	padding: 6px 20px;
	margin-right: 12px;
	color: #FFFFFF;
	height: 1.25em;
	background-color: #0a6cdb;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* future proofing */
}
.div-icon-svg-share:hover {
	background-color: #1078ee;
}

/*
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
h1{font-size:1.8em;font-weight:bold;}
h2{font-size:1.6em;font-weight:bold;}
h3{font-size:1.4em;font-weight:bold;}
h4{font-size:1.2em;font-weight:bold;}
h5{font-size:1em;font-weight:bold;}
h6{font-size:1em;}
*/
h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:inherit;font-weight:bold;line-height:20px;color:inherit;text-rendering:optimizelegibility;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#999999;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
strong{font-weight:bold;}
textarea{margin:0;padding:2px;}
a {color: #262626;outline:0;cursor: pointer;text-decoration:none;}
a:hover {color:#4662d9;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;}
A.solved {
	TEXT-DECORATION: none;color: #0b7500;background-color: #18ef18;padding: 1px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
}
A.try {
	TEXT-DECORATION: none;color: #CD6839;background-color:#EEE0E5;
	padding: 1px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
}
A.unsubmit:link		{ COLOR: #9BCD9B; TEXT-DECORATION: none ;background-color:#9BCD9B;}
A.unsubmit:visited	{ COLOR: #9BCD9B; TEXT-DECORATION: none ;background-color:#9BCD9B;}
A.unsubmit:active	{ COLOR: #9BCD9B; TEXT-DECORATION: none ;background-color:#9BCD9B;}
A.unsubmit:hover	{ COLOR: #CD6839; TEXT-DECORATION: none ;background-color:#9BCD9B;}

.grey{color:grey}

.code{
	font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
	font-size:13px;line-height: 15px; display:block;
	overflow: visible;
	border: 1px #888 solid;
	padding:6px;
	min-height:320px;
}
.submissions{
	font-size:13px; display:block;
	overflow: visible;
	border: 1px #888 solid;
	padding:6px;
	min-height:338px;
}

.pop-div{
	z-index:2001; width:100%; height:100%;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}

.pop-inner-div{
	z-index:2002; 
	position:absolute;
	width:50%;
	height:80%; 
	margin:0 auto;
	padding:12px;
	overflow: auto;
	overflow-y:scroll; 
	background-color:#fff;
	border:1px #fff solid;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
	left:25%;
	top:120px; /*FF IE7*/          
	display:none;
}

.pop-div-source{
	word-wrap:break-all;
}
.pop-div-judgelog{	
	word-wrap:no-break-word;
	white-space:nowrap;
	font-size: 12px!important;
	line-height: 10px;
}

.pop-standing-div{
	z-index:1001; width:100%; height:100%;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}

.pop-standing-inner-div{
	z-index:1002;
	position:absolute;
	width:50%;
	height:80%;
	margin:0 auto;
	padding:12px;
	overflow: auto;
	overflow-y:scroll;
	background-color:#fff;
	border:1px #fff solid;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
	left:25%;
	top:120px; /*FF IE7*/
	display:none;
}

.pop-standing-div-source{
	word-wrap:break-all;
}
.pop-div-config,.pop-div-dir,pop-div-show-oj-file {
	z-index:2001; width:100%; height:100%;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}
.pop-inner-div-config, .pop-inner-div-dir {
	z-index:2001;
	position:absolute;
	width: 1200px;
	height:600px;
	margin:0 auto;
	color:#000;
	background-color: #fff;
	border:1px #fff solid;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
	top:60px; /*FF IE7*/
	display:none;
	overflow: auto;
	overflow-y:scroll;
}
.problem-data-box .problem-title{
	height:38px;
	padding:0px;
	text-align:center;
	border-bottom:1px #f7f7f7 solid;
	background-color: #e1e1e1;
}    .pop-div-show-oj-file{
		 z-index:3001; width:100%; height:100%;
		 background-color:#000;
		 filter:alpha(opacity=50);
		 -moz-opacity:0.5;
		 opacity:0.5;
		 position:absolute;
		 left:0px;
		 top:0px;
		 display:none;
	 }
.pop-inner-div-show-oj-file{
	z-index:3002;
	position:absolute;
	width: 1200px;
	height:600px;
	margin:0 auto;
	color:#000;
	background-color: #fff;
	border:1px #fff solid;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
	top:60px; /*FF IE7*/
	display:none;
}
.config-box .title{
	height:38px;
	padding:0px;
	text-align:center;
	border-bottom:1px #f7f7f7 solid;
	background-color: #e1e1e1;
}

body{
	font-size:16px;
	text-align:left;
	color:#333;
	line-height:1.75;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;
	/*font-family: Hiragino Sans GB, MicroSoft YaHei;*/
	/*font-family:verdana,Serif,Arial,Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
	/*font-family:'PingFang SC','Helvetica Neue','Microsoft YaHei UI','Microsoft YaHei','Noto Sans CJK SC',Sathu,EucrosiaUPC,Arial,Helvetica,sans-serif;*/
	margin:0;
	padding:0;
}
html, body {
    background-color: #FFFFFF;
}
body {
    padding-top: 46px; /* container�� navbar�ľ��� */
}

.left{float: left;}
.right{text-align: right;}

img{border: 0px;}
.small-oj-brand {width:28px;height:28px;margin:0;padding:0;}
#search_main{width:710px;margin:0px auto 20px}
#search_main p{text-align:center}
#s_type{padding:30px 220px 5px 126px;font-size:16px}
#s_type u{color:#0000ca;cursor:pointer;margin-left:0.5em}
#s_type u:hover{color:#f00}
#s_type u.curr{color:#f00;text-decoration:none;cursor:auto;font-weight:bold}
#q{font:16px/16px arial;margin-right:6px;padding:3px 1px;width:398px}
#sm{height:28px;line-height:24px;width:78px}
#q,#sm{vertical-align:middle}
#s_sort{padding:5px 202px 0 108px;font-size:12px}
#s_sort input{vertical-align:middle;margin:2px 2px 5px 10px}
#hot_word{border:1px solid #ccc;margin-top:60px}
#hot_word h3{font-size:12px;text-align:center}
#hot_word a{margin:0 5px;line-height:1.3em;text-decoration:none}
#search_result{margin:25px 10px 30px}#search_head img{float:left}
#search_head form{margin-left:210px;padding-top:3px}
#search_head #s_sort{padding-left:6px}
.small-avatar {width:34px;height:34px;margin:0;padding:0;border-radius: 50%;}
.normal-avatar {width:80px;height:80px;margin:0;padding:0;border-radius: 50%;}
.big-avatar {width:250px;height:250px;margin:0;padding:0;border-radius: 50%;}
.top-navbar {
	min-width:1040px;
	z-index:900;
    left: 0;
    height: 52px;
    padding: 0;
	-webkit-box-shadow: none;
    box-shadow: none;    
    background: #FFFFFF !important; /* #303643; */
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
    overflow:visible;margin-bottom:20px;*position:relative;*z-index:2;
	border-bottom: 1px solid #f0f0f0;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
	/*border-top:0;width:100%;top:0px; height:70px; z-index:900; margin:0 auto;background:url(../img/header_bb_60.png) repeat-x; */
}
.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;margin-bottom:0;}
.navbar-fixed-top{top:0;}

/*
.container{ width:1040px }
*/
.headerNav { width:1240px;margin:0px auto 0; height:52px;}
.headerNav ul{border: 1; margin:0; padding:0 ;color: #666; font-weight:400;}
.headerNav ul.hleft{float:left;line-height:52px;font-size:16px;}
.headerNav ul.hleft li{float:left;list-style-type:none;}
.headerNav ul.hleft li.nav_menu{float:left; padding: 0px 5px 0px 0px; }
.headerNav ul.hleft li.nav_menu:hover{}
.headerNav ul.hleft li a:hover{color: #111;text-decoration: none;background-color: transparent;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;}
.headerNav ul.hleft li a{ font-weight:normal; color: #666; padding: 0px 40px 0px 20px; text-decoration:none;}
.headerNav ul.hleft li.searchbox{width:328px; margin:0;}
.headerNav ul.hright{ float:right; line-height:52px; position:relative;font-size:16px;}
.headerNav ul.hright li{float:left;list-style-type:none;}
.headerNav ul.hright li.rightmenu{float:left;}
.headerNav ul.hright li.nav_menu{float:left;}
.headerNav ul.hright li.nav_menu:hover{}
.headerNav ul.hright li a:hover{color: #111;text-decoration: none;background-color: transparent;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;}
.headerNav ul.hright li a{ font-weight:normal; color: #666; text-decoration:none;}
.headerNav ul.hright li.locale{display: inline-block;margin:0;padding: 7px 0px 0px 0px;}
.headerNav ul.hright li.locale a{display: inline-block;padding: 0px;}
.headerNav ul.hleft li.logo2{ height:25px; float: left;padding: 0px 15px 0px 0px; }
.headerNav ul.hleft li.logo2 a{ padding:0; float:left; color: #666}

.tags1{
	background: #17807d;
	opacity: .85;
	position: relative;
	display: inline-block;
	min-width: 16px;
	padding: 2px 3px;
	margin: 1px 0px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 10px;
}
/* searchbox */
.searchTool{margin:13px 0px 13px 0px;}
.searchTool .txtSearch{width:288px;float:left;padding-left: 12px;font-size:13px;height:26px;color:#999;background:#f7f8f9; border:1px solid #ecedee;border-radius:3px;outline: none;}
.searchTool .tagSearch{width:288px;float:left;padding-left: 12px;font-size:13px;height:42px;color:#999;background:#f7f8f9; border:1px solid #ecedee;border-radius:3px;outline: none;}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.caret-up {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: middle;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.caret-down {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.ui.menu .item {
    position: relative;
    display: inline-block;
    padding: 12px 10px;
    border-top: 0em solid transparent;
    background: none;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    -webkit-transition: opacity 0.2s ease, background 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: opacity 0.2s ease, background 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}

ul.t_c_box{
	background:#FFFFFF !important;
	border-top:0px;
	border-bottom:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	border-left:1px solid #f0f0f0;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
}

ul.contest_box{width:120px; padding:5px 0;color:#fff;display:none;background:#40485b;position:absolute; }
ul.contest_box li{height:32px; line-height:32px; width:100%;overflow:inherit;}
ul.contest_box li:hover{color: #111;height:32px; width:100%; overflow:inherit;background:#f7f8f9;}
ul.contest_box li a{color: #111;display:block;height:28px; width:120px;padding-left: 10px}

ul.mail_box{width:120px; padding:5px 0;color:#fff; display:none;background:#40485b;position:absolute;top:52px; }
ul.mail_box li{ height:32px; line-height:32px; width:100%; text-align:left;}
ul.mail_box li:hover{color: #111;height:32px;width:100%; overflow:inherit;background:#f7f8f9;}
ul.mail_box li a{color: #111;display:block;height:32px;width:120px;padding-left: 10px}

ul.profile_box{width:120px; padding:5px 0;color:#fff; display:none;background:#40485b;position:absolute;right:0px;}
ul.profile_box li{ height:32px; line-height:32px; width:100%; text-align:left;}
ul.profile_box li:hover{color: #111;height:32px; width:100%; overflow:inherit;background:#f7f8f9;}
ul.profile_box li a{color: #111;display:block;height:32px; width:120px;padding-left: 10px}

a.profile-item:before {
	display: inline-block;
    width: 32px;
    height: 26px;
    vertical-align: middle;
}
a.profile-item:hover:before{
	display: inline-block;
    width: 32px;
    height: 26px;
    vertical-align: middle;
}
a.profile-home:before {
	content:url(../img/home.png);
}
a.profile-home:hover:before  {
	content:url(../img/home.png);
}
a.profile-setting:before {
	content:url(../img/setting.png);
}
a.profile-setting:hover:before  {
	content:url(../img/setting.png);
}
a.profile-logout:before {
	content:url(../img/logout.png);
}
a.profile-logout:hover:before  {
	content:url(../img/logout.png);
}

.page-header{padding-bottom:9px;margin:20px 0 30px;border-bottom:1px solid #eeeeee;}

/* Page header tweaks */
.page-header {
    background-color: #f5f5f5;
    /* padding: 20px 20px 10px; */
    margin: -20px -20px 20px;
}

.round_2 {		
   						-moz-border-radius-bottomleft:      6px;
    				 	-webkit-border-bottom-left-radius:  6px;			 	
}
.round_01 {
   						-moz-border-radius-topleft:         6px;
					    -moz-border-radius-topright:        6px;		
					    -webkit-border-top-left-radius:     6px;
					    -webkit-border-top-right-radius:    6px; 
    				 	
}
.round_02 {
   						-moz-border-radius-topleft:         6px;  
   						-moz-border-radius-bottomleft:      6px;
					    -webkit-border-top-left-radius:     6px;
    				 	-webkit-border-bottom-left-radius:  6px;			 	
}
.round_23 {	
					    -moz-border-radius-bottomright:     6px;
   						-moz-border-radius-bottomleft:      6px;
					    -webkit-border-bottom-right-radius: 6px;
    				 	-webkit-border-bottom-left-radius:  6px;
    				 	
}
.round_013 {
   						-moz-border-radius-topleft:         6px;
					    -moz-border-radius-topright:        6px;
   						  -moz-border-radius-bottomright:     6px;
					    -webkit-border-top-left-radius:     6px;
					    -webkit-border-top-right-radius:    6px; 
    				 	-webkit-border-bottom-right-radius:  6px;
    				 	
}
.round_012 {
   						-moz-border-radius-topleft:         6px;
					    -moz-border-radius-topright:        6px;
   						-moz-border-radius-bottomleft:      6px;
					    -webkit-border-top-left-radius:     6px;
					    -webkit-border-top-right-radius:    6px; 
    				 	-webkit-border-bottom-left-radius:  6px;
    				 	
}
.round_0123 {
   						-moz-border-radius-topleft:         6px;
					    -moz-border-radius-topright:        6px;
					    -moz-border-radius-bottomright:     6px;
   						-moz-border-radius-bottomleft:      6px;
					    -webkit-border-top-left-radius:     6px;
					    -webkit-border-top-right-radius:    6px;
					    -webkit-border-bottom-right-radius: 6px;
    				 	-webkit-border-bottom-left-radius:  6px;			 	
}

.roundbox{
	position:relative;
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	border-left:1px solid #f0f0f0;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0px 1px 5px rgba(0,0,0,.33);
	-webkit-box-shadow:0px 1px 5px rgba(0,0,0,.33);
	box-shadow:0px 1px 5px rgba(0,0,0,.33);
}
.roundbox li{list-style-type:none;}
.roundbox .dark{background-color:#F5F5F5;}
.roundbox table.rtable{width:100%;margin-top:0px;border:none;}
.roundbox .rtable td,.roundbox .rtable th{border:1px solid #e1e1e1;border-right:none;border-top:none;padding:2px 6px;text-align:center;font-size:13px;}
.roundbox .rtable th{font-size:13px;padding-top:1px;}
.roundbox .rtable .left-item{border-left:none;}
.roundbox .rtable .bottom{border-bottom:none;}
.roundbox .rtable .corner{width:10px;height:10px;}
.rtable th{font-weight:bold;}

.rtable a{color: #3357D6;outline:0;cursor: pointer;text-decoration:none;}
.rtable a:hover{color: #ec4d4d;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;}

.roundbox-title { border-bottom: 1px solid #e1e1e1;padding: 4px 0 0 6px;position: relative;}
.bottom-link {padding:0px 6px 0px 6px;font-size:13px }

.menu-box{margin:0px;padding-top:6px;height:36px;line-height:36px;}

/* navigation menu-list */
.menu-list-container{margin:0;}
.menu-list{margin-left:12px;}
.menu-list li{float:left;list-style:none;margin-right:21px;}
.menu-list li a{font:bold 1em arial;text-decoration:none;color:#000;outline:none;text-align:center;top:2px;text-transform:uppercase;letter-spacing:0;display:block;float:left;height:28px;position:relative;overflow:hidden;margin:auto 12px;line-height:28px;}
.menu-list li.current{border-bottom:3px solid #3B5998;}
.menu-list li.item-highlighted *{color:red;}
.menu-list li a:hover,.menu-list li a:active,.menu-list li a:visited{border:none;}

.second-level-menu{position:relative;}
.second-level-menu-list{position:relative;;width:580px;overflow:hidden;}
.second-level-menu-list li{float:left;list-style:none;}
.second-level-menu-list li.current{
						-moz-border-radius-topleft:         6px;
					    -moz-border-radius-topright:        6px;
					    -moz-border-radius-bottomright:     6px;
   						-moz-border-radius-bottomleft:      6px;
					    -webkit-border-top-left-radius:     6px;
					    -webkit-border-top-right-radius:    6px;
					    -webkit-border-bottom-right-radius: 6px;
    				 	-webkit-border-bottom-left-radius: 6px;
    				 	border:1px solid #b9b9b9;
    				 	}
.second-level-menu-list li a{position:relative;overflow:hidden;text-decoration:none;text-transform:uppercase;font:bold .8em arial;color:black;outline:none;text-align:center;height:20px;top:4px;z-index:10;letter-spacing:0;float:left;display:block;margin:auto 10px;}

.fixed-notice-messages {
    text-align: center;
    min-height:21px;
}

.container{
	margin-right:auto;
	margin-left:auto;
	*zoom:1;
}
.container:before,.container:after{display:table;content:"";line-height:0;}
.container:after{clear:both;}

.container > footer p {
    text-align: center; 
}
#footer{
	background-color: #FFFFFF;
	padding: 20px;
	margin: 10px -20px 0px -20px; /* negative indent the amount of the padding to maintain the grid system */
	-webkit-border-radius: 6px 6px 0 0 ;
	-moz-border-radius: 6px 6px 0 0 ;
	border-radius: 6px 6px 0 0 ;
	-moz-box-shadow:0 6px 4px rgba(0,0,0,.33);
	-webkit-box-shadow:0 6px 4px rgba(0,0,0,.33);
	box-shadow:0 6px 4px rgba(0,0,0,.33);
	border-top:1px solid #ccc;
	text-align:center;
	clear:both;
}

.container {
    width: 1200px;
	display: flex;
	flex-direction: column;
}
/* The white background content wrapper */
.container > .content {
	flex: auto;
	display: flex;
    background-color: #FFFFFF;
    padding: 12px;
    margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
	-moz-box-shadow:0 6px 4px rgba(0,0,0,.33);
	-webkit-box-shadow:0 6px 4px rgba(0,0,0,.33);
	box-shadow:0 6px 4px rgba(0,0,0,.33);
	box-sizing: border-box;
	height:auto!important;

}

.container > .content > .clear {clear:both}

.news{margin:3px;padding:3px;}
.news p{ white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
.news .user{font:bold 13px arial;}
.news .user a,.news .user a:hover,.news .user a:visited{color:#000!important;text-decoration:none;}
.news .title{font:12px arial;}
.news .title a,.news .title a:hover,.news .title a:visited{color:blue!important;text-decoration:underline;}
.news .time{color: grey;}
.news .time a,.news .time a:hover,.news .time a:visited{color:grey!important;text-decoration:underline;font-style: oblique;}

.caption{position:relative;}
.titled{color:#3B5998;font-weight:bold ;font-size:15px ;}
.secont-menu-link{
	text-align: right;
	margin-right: 6px;
}
.secont-menu-link a,.secont-menu-link a:hover,.secont-menu-link a:visited{color:#000;overflow:hidden;text-decoration:none;font:bold 12px arial;}

@keyframes ball {
	0% {
		transform: translateX(30vw);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
/*sidebar */
.sidebar{
	flex: 0 0 280px;
	padding:0px;
	margin-top:30px;
	margin-left:auto; /* 固定在右边 */
	/* animation-name: ball;
	animation-duration: 1s; */
}
.sidebox {margin-bottom:1.5em;}
.sidebox .tit_2{margin:0 0 10px 0;}
.top-link {height:30px;border-bottom: 1px solid #e1e1e1;}
.title-sidebox{float:left;margin:0px 3px; height:30px; line-height:30px; color:#3B5998;font-weight:bold ;font-size:15px ;}
.img-top10{width:24px;height:24px;background:url(img/top_24.png) no-repeat;display:block;position:absolute;left:0px;top:0px;}
.img-hot-topic{width:24px;height:24px;background:url(img/topic1_24.png) no-repeat;display:block;position:absolute;left:0px;top:0px;}
.title-sidebox .title{height:30px; line-height:30px; margin-left:30px;color:#3B5998;font-weight:bold ;font-size:15px ;}
.sidebox .bottom-link{font-size:13px;border-top:1px solid #e1e1e1;background-color:#F5F5F5;}

.latest_news{margin:3px; font-size:14px;}
.latest_news ul{border: 0; margin:0; padding:0;}
.latest_news li{text-align: left;list-style-type:none;padding: 6px 3px;line-height: 21px;}
.latest_news li title {}
.latest_news li:hover {
	background-color: #faf3f3;
	border-radius: 6px 6px;
}
/*
.latest_news:after{
	content:"."; display:block; height:0; clear:both; visibility:hidden;
	}
.latest_news ul{border: 0; margin:0; padding:0;}
.latest_news li{display:block;float:left; width:225px; height:24px; margin:0 0 0 0;overflow:hidden;text-align: left;text-overflow:ellipsis;white-space:nowrap;}
.latest_news li span.user{float:left;display:block;max-width:78px; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
.latest_news li span.user a{
	font-size:12px;font-weight:bold;text-decoration: none;color: blue;	
	}
.latest_news li span.topic_title{display:block;overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
.latest_news li span.topic_title a{font-size:11px;}
*/

.top10{font-size:0.9em;display:block; *display:inline-block;  }
/*.top10 table.rtable td.user:after{content:"."; display:block;height:0; visibility:hidden;}*/
.top10 table.rtable th.user{
	font-weight:normal;
}
.top10 table.rtable td.user span.user{
	display:block;overflow:hidden; text-align:center; text-overflow:ellipsis; white-space:nowrap;
}
.top10 table.rtable td.user span.user a{
	font-size:13px;font-weight:bold;text-decoration: none;color: #262626;
}

.rank-icon{
	magin-top:6px;
	width:13px;
	height:18px;
}

/* page content */
.content-with-sidebar{
	flex: 1 0 280px; /* 占满左侧剩余空间 */
	margin-right:10px!important;
}

.content-no-sidebar{
	flex: 1 0 280px; /* 占满左侧剩余空间 */
}

#nav-content{
	height:24px;
	margin-left:0px;
	margin-bottom: 12px;
	text-transform: uppercase;
}
#nav-content a{
	z-index:10;font-size:14px;text-decoration:none;color:#666;outline:none;padding:5px 8px;
	line-height:22px;
}
#nav-content .current{
 	background-color:#faf3f3;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
}
#nav-content a:hover{
	color:#111;
	/*-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;*/  			
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
	background-color:#faf3f3;
}

.content pre{
	white-space:pre;white-space:pre-wrap;word-wrap:break-word;
}

div.content h1{font-size:175%;line-height:.8571em;margin:.4286em 0 0;}
div.content p{font-size:1em;margin:1.5em 0 0 0;}
div.content blockquote{}
div.content blockquote{margin:12px 0 0 12px;}
div.content h1{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}

.data-title{
	text-align: center;
}
.probleminfo{
}

.probleminfo h5{
	font-size:14px;font-weight:bold;line-height:14px;margin:12px 0 0 0;
}

.probleminfo .sample-test .input, .probleminfo .sample-test .output{border:1px solid #888;}
.probleminfo .sample-test .output{margin-bottom:12px;position:relative;top:-1px;}
.probleminfo .sample-test .title{
	font-family:Consolas,"Lucida Console","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier;
	font-size:13px;
	padding-left:3px;border-bottom:1px solid #888;text-transform:lowercase;
	font-weight:bold;
}
.probleminfo .sample-test .sample-input,.probleminfo .sample-test .sample-output{
	font-family:Consolas,"Lucida Console","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier;
	font-size:14px;
	line-height:16px;padding:3px;margin:0;
	background-color:#efefef;
	display:block;overflow:auto;white-space:nowrap;
}
.problem-modify-textarea {
	width:100%;
	height:100%;
	min-height:40px;
	max-height:300px;
	border: 1px solid #ccc;
	border-radius: 3px;
	outline: none;
	resize: vertical;
}

.problem-modify-textarea:focus {
	outline: 0;
	border: 1px solid #0185e4;
}
/****message ȡ��  */
.message{margin:1em 0;}
.message .list *{
}
.message .list ul,ol,li {

	/*color: #000;*/
}
.message .list li a,.list li a:hover,.list li a:visited{color:262626!important;}
.message .list{margin-left: 0px;margin:1em 0;padding-left:1em;border-left:4px solid #B9B9B9;line-height:28px;font-size:13px;}
.message .list .comment{   /* ��Ч*/
	line-height:18px;
	border: 0px solid #B9B9B9;
	padding: 13px;
}
.table-form-profile{

}
.table-form-profile tr {margin-top: 20px;}
.table-form-profile tr td{margin-top:24px;}

.table-form {margin:12px auto;font-size:13px;}
.table-form tr{height:24px;}
.table-form tr td{height:24px;}
.table-form td{padding-bottom:0;margin-bottom:0;}
.table-form .field-name{text-align:right;padding:6px;padding-right:12px;width:78px;}
.table-form input.register-input {
	width: 360px;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none ;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px 0px 8px 8px;
	font-size: 16px;
	margin-bottom:6px;
}
.table-form input.register-box-input {
	width: 360px;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none ;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px 0px 8px 8px;
	font-size: 16px;
	margin-bottom:6px;
}
.table-form input.register-box-submit {
	width: 370px;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none;
	border: 1px solid #4389ec;
	border-radius: 3px;
	padding: 8px 0px 8px 8px;
	font-size: 16px;
	margin-bottom:6px;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: 800;
	background-color: #4389ec;
}

.table-form input.register-box-submit:hover {
	transform:scale(0.99, 0.99);
}

.table-form .submit{padding:0 12px;margin:12px 12px 0 12px;height:28px;color:black;}
.table-form tr.subscription-row{height:10px;line-height:10px;font-size:12px;}
.table-form tr.subscription-row td{height:10px;line-height:10px;}

.register-box{
	border-top:1px solid #eee;
	margin: 0px auto;
	padding: 12px;
}

.shiftUp{
	text-align: left;
	line-height: 13px;
}
.inline-fielderror{
	font-size: 13px;
	line-height: 13px;
	color:red;
}

.fielderror{
	font-size: 13px;
	line-height: 13px;
	color:red;
	}
.fieldsuccess{
	font-size: 13px;
	line-height: 13px;
	color:green;
}
/****end message  */

.reply-edit-box{
	padding: 6px;
	font-weight: bold;
	}

	
.write-message-box{
	font-weight: bold;
	background-color:#def;
	border:1px solid #FFC300;
	margin: 3px auto;
	margin-bottom:12px;
	padding: 12px;
	
}

.message-title{
	width:100%;
	overflow: auto;
	overflow-x:hidden; 
	outline-style: none ;
    border: 1px solid #ccc; 
    border-radius: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	-moz-box-shadow:0px 1px 5px rgba(0,0,0,.33);
	-webkit-box-shadow:0px 1px 5px rgba(0,0,0,.33);
	box-shadow:0px 1px 5px rgba(0,0,0,.33);
    padding: 8px 0px 8px 8px;
    font-size: 16px;	
    margin-bottom:6px;
}

.message-content{
	width:100%;
	padding:1px 0px 1px 1px;
	margin-bottom:6px;
	overflow: auto;
	overflow-x:hidden;
}

.send-to-user{
	width:99.4%;
	overflow: auto;
	overflow-x:hidden; 
	outline-style: none ;
    border: 1px solid #ccc; 
    border-radius: 3px;
    padding: 8px 0px 8px 8px;
    font-size: 16px;	
    margin-bottom:6px; 
}

.bg-sidebox{background-color:#EEE0E5!important;}

.bg-pink{background-color:#EEE0E5!important;}
.bg-blue{background-color:#F2F2F2!important;}
.bg-green{background-color:#B4EEB4!important;}
.bg-content{background-color:#FFFFFF!important;}
.bg-comments{background-color:#F2F2F2!important;}
.bg-comment{background-color:#FFFFFF!important;}

.highlight-grey{border:1px dashed #DBDBDB;}
.highlight{border:1px solid #FFC300;}
.highlight-blue{border:1px solid #7f9ddc;}
.highlight-green{border:1px solid #B4EEB4;}

.highlight-green-2{
	border-left: 1px solid #B4EEB4;
	border-right: 1px solid #B4EEB4;
	border-bottom: 1px solid #B4EEB4;
}


.profile{
	opacity:1;margin-bottom:24px;padding:8px;
}
.profile pre{padding-left: 12px;color: grey;}
.profile li{list-style-type:none;}
.profile-box {
	padding:12px;
	height:300px;
	display: flex;
	flex-direction: row;
}
.profile-box-avatar-setting {
	float:right;border:1px solid #B9B9B9;width:300px;height:300px;padding:12px;margin: 6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.profile-box-avatar {border:1px solid #f0f0f0;width:260px;height:90%;padding:12px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.profile-box-avatar-inner {height:90%;line-height:200px;text-align:center;}
.profile-big-avatar {margin:auto;vertical-align:middle;display:inline;max-width:100%;max-height:100%;}
.profile-box-info {
	font-size: 14px;
	word-wrap:break-word;
	margin-right: 12px;
	flex: auto;
	display: flex;
}
.profile-box-info ul{padding: 0px;margin: 0px;}
.profile-box-info .uname {line-height: 20px!important;margin-bottom: 6px}
.profile-box-info .motto {line-height: 20px!important;margin-bottom: 6px}

.markdown-view {padding: 12px 0px!important;}
.comments{margin:0px auto; padding:6px;line-height:28px;font-size:14px;}
.comments .roundbox-comments{
	border:1px solid #b9b9b9;position:relative;
	margin-bottom:12px;
	padding: 12px 1px 12px 1px;
}
#ul-comments ul{margin:0; padding:0; list-style-type: none;}
#ul-comments li{margin:0; padding:0; list-style-type: none;}
div.comments blockquote{font-size:14px;}
div.comments blockquote{margin:1.5em 0 0 1.5em;color:#000;}
.comment{opacity:1;padding: 0px;line-height:18px;margin-bottom:3px;}
.comment .content{
	padding-left: 12px;word-wrap:break-word;
}
.comment-line{height:1px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ddd;}
.comment-table{border:1px dashed white;}
.comment .grey{color: grey;}
.comment .grey a,.comment .grey a:hover,.comment .grey a:visited{color:grey!important;text-decoration:underline;font-style: oblique;}
.comment-content {display: block}

.topic{margin:1em 0;}
.topic .title *{
	font-size:24px!important;color:#3B5998!important;
	white-space:pre;white-space:pre-wrap;word-wrap:break-word;
	}
.topic-userpic{text-align:center;display:inline;float:right;border:1px solid #b9b9b9;padding:.5em;}
.topic .title a,.topic .title a:hover,.topic .title a:visited{color:#262626;!important;text-decoration:none;}
.topic .content{display:block;word-wrap:break-word;}
.topic .content p{}
.topic .content img {
	border-radius: 10px;
	max-width: 800px;
	max-height: 800px;
}
/*
.topic .info a,.topic .info a:hover,.topic .info a:visited{font-size:115%;color:#000!important;text-decoration:none;}
*/
.topic_manage{padding:5px 0; color:#999; font:normal 12px/24px Arial; text-align:right;}
.topic_manage span{margin:0 5px;}
.topic_manage .link_postdate{margin:0 5px 0 0;}
.topic_manage .link_view{padding:0 0 0 14px; background:url(../img/ico_view.png) no-repeat left center; _background:url(../img/ico_view.gif) no-repeat left center;}
.topic_manage .link_comments{padding:0 0 0 14px; background:url(../img/ico_comm.png) no-repeat left center; _background:url(../img/ico_comm.gif) no-repeat left center;}

.topic_manage .link_author{float:left;color:#000; font:normal 12px/24px Arial;}
.topic_manage .link_categories{float:left;}

.topic-tools-box{padding:5px 0;text-align:right;}
.topic-tools-box span{margin:0 5px;}
.topic-tools-box .topic-vote{padding:0 0 0 14px;text-align:right;}
.topic-tools-box .topic-share{margin-top:3px;float:left;}
.topic-tools-box .topic-shareto{color:green;float:left;font-weight: bold;}

.topic .grey{color: grey;}
.topic .grey a,.topic .grey a:hover,.topic .grey a:visited{color:grey!important;text-decoration:underline;font-style: oblique;}

.topic .comments{padding:5px;}

.third-party-title {
	display: flex;
	flex-direction: row;
	color: grey;
}

.third-party-title:before,
.third-party-title:after {
	content: "";
	flex: 1 1;
	border-bottom: 1px solid #ddd;
	margin: auto;
}

.third-party-avatar {
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	height: 20px;
	width: 20px;
}
.third-party-logo {
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	height: 40px;
	width: 40px;
}

.login {
    z-index: 1001;
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 40px;
    border-radius: 10px;
    border: 1px solid rgba(50,58,69,.2);
    background-color: #fff;
}
.login h2 {
    margin: 0 0 25px;
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    color: #323a45;
}
.text-center {
    text-align: center;
}
.login .account-input {
    position: relative;
    height: 68px;
}
.login .account-input input {
    height: 48px;
    width: 370px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    border: 1px solid rgba(50,58,69,.2);
    border-radius: 5px;
}
.login button {
    width: 380px;
    height: 48px;
    border: none;
    background-color: #323a45;
    color: #fff;
    font-size: 24px;
    border-radius: 24px;
    cursor: pointer;
    transition: opacity .2s ease;
}
.breatiful-button{
	padding:1px;
	border: 1px dashed #B7CBFF;
}

.border_dashed{ 
		width:400px; 
	    border:1px solid #B7CBFF;
	    background: #F4FBFF;
	    overflow: auto;
 }
 
.confirm{
	color: red;
}

.datatable {width:100%; position:relative;background-color:#E1E1E1;padding-bottom:3px; }

.datatable li{list-style-type:none;}
.datatable a{font-size: 14px;color: #232a31;}
.datatable a:hover{font-size: 14px;color: #1890ff;}
.datatable table{overflow:hidden; text-overflow:ellipsis;}
.datatable table td{padding:3px 6px;}
/*
.datatable td{width:auto!important;max-width:480px!important;overflow:auto;}
.datatable td{line-height:16px ;word-wrap:break-all; overflow:hidden;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;padding:.5em;font-size:.9em;text-align:center;}
.datatable th{border-right:1px solid #e1e1e1;padding:.5em;font-size:.9em;text-align:center;}
.datatable th{font-weight:bold;}
*/

.datatable .lt{background:url(../img/roundbox/corner/corner-lt.png) no-repeat top left;width:6px;height:6px;left:0;top:0;position:absolute;}
.datatable .rt{background:url(../img/roundbox/corner/corner-rt.png) no-repeat top right;width:6px;height:6px;right:0;top:0;position:absolute;}
.datatable .lb{background:url(../img/roundbox/corner/corner-lb.png) no-repeat bottom left;width:6px;height:6px;left:0;bottom:0;position:absolute;}
.datatable .rb{background:url(../img/roundbox/corner/corner-rb.png) no-repeat bottom right;width:6px;height:6px;right:0;bottom:0;position:absolute;}

.datatable .lt_small{background:url(../img/roundbox/corner-small/corner-small-lt.png) no-repeat top left;width:4px;height:4px;left:0;top:0;position:absolute;}
.datatable .rt_small{background:url(../img/roundbox/corner-small/corner-small-rt.png) no-repeat top right;width:4px;height:4px;right:0;top:0;position:absolute;}
.datatable .lb_small{background:url(../img/roundbox/corner-small/corner-small-lb.png) no-repeat bottom left;width:4px;height:4px;left:0;bottom:0;position:absolute;}
.datatable .rb_small{background:url(../img/roundbox/corner-small/corner-small-rb.png) no-repeat bottom right;width:4px;height:4px;right:0;bottom:0;position:absolute;}

.datatable .ilt{background:url(../img/roundbox/inner-corner/inner-corner-lt.png) no-repeat top left;width:6px;height:6px;left:0;top:0;position:absolute;}
.datatable .irt{background:url(../img/roundbox/inner-corner/inner-corner-rt.png) no-repeat top right;width:6px;height:6px;right:0;top:0;position:absolute;}
.datatable .ilb{background:url(../img/roundbox/inner-corner/inner-corner-lb.png) no-repeat bottom left;width:6px;height:6px;left:0;bottom:0;position:absolute;}
.datatable .irb{background:url(../img/roundbox/inner-corner/inner-corner-rb.png) no-repeat bottom right;width:6px;height:6px;right:0;bottom:0;position:absolute;}

.datatable .innertable{background-color:#FFF;margin:3px;position:relative;}

.datatable .left-item{border-left:none;}
.datatable .top-item{border-top:none;}
.datatable .bottom-item{border-bottom:none;}
.datatable .right-item{border-right:none;}
.datatable .dark{background-color:#f8f8f8;}
.datatable .my{background-color:#EEE0E5;}

TABLE.topics {width:100%; overflow:hidden;text-overflow:ellipsis;}
TABLE.topics TR.header{font-size:14px;height:24px;text-align: center;}
TABLE.topics TD, TABLE.topics TH {padding:2px 6px;}
TABLE.topics TH {border-left:1px solid #e1e1e1;height:24px;text-align: center;}
TABLE.topics TD {max-width:480px!important;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;height:32px;font-size:.9em;word-wrap:break-all; overflow:hidden;}
TABLE.topics .id { width:24px;text-align: center;}
TABLE.topics TH .title { text-align: center;}
TABLE.topics TD .title { text-align: left;}
TABLE.topics .coder,TABLE.topics .coder a{text-align: center;}
TABLE.topics .rating {width:48px;text-align: center;}
TABLE.topics .reply {width:48px;text-align: center;}
TABLE.topics .views {width:48px;text-align: center;}
TABLE.topics .date {width:144px;text-align: center;}
TABLE.topics .operator {width:116px;text-align: center;}


TABLE.problem {width:100%; overflow:hidden; text-overflow:ellipsis;}
TABLE.problem TR.header{font-size:14px;height:24px;text-align: center;}
TABLE.problem TD, TABLE.problem TH {padding:0.3em !important;}
TABLE.problem TH {border-left:1px solid #e1e1e1;height:24px;}
TABLE.problem TD {max-width:480px!important;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;height:24px;word-wrap:break-all; overflow:hidden;}
TABLE.problem .id {width:48px;text-align: center;}
TABLE.problem .title { text-align: left;}
TABLE.problem .solved {width:98px;text-align: center;}
TABLE.problem .point {width:68px;text-align: center;}
TABLE.problem .ratio {width:68px;text-align: center;}
TABLE.problem .problem-ac {background-color:#d4edc9;}
TABLE.problem .problem-failed {background-color:#EEE0E5;}

TABLE.status {width:100%; overflow:hidden; text-overflow:ellipsis;text-align: center;}
TABLE.status TR.header{font-size:14px;height:24px;text-align: center;}
TABLE.status TD, TABLE.status TH {padding:0.3em !important;}
TABLE.status TH {border-left:1px solid #e1e1e1;height:24px;font-size:14px;}
TABLE.status TD {max-width:480px!important;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;height:24px;word-wrap:break-all; overflow:hidden;}
TABLE.status .id {text-align: center;}
TABLE.status .date {text-align: center;}
TABLE.status .verdict {min-width:186px;max-width:225px;text-align: center;word-wrap:break-word;}
.verdict_ac, .verdict_ac a {color:#0a0!important;font-weight:bold;}
.verdict_ce, .verdict_ce a {color:#00A;!important;}
.verdict_pe, .verdict_pe a {color:orange;!important;}
.verdict_other, .verdict_other a {color:red;!important;}
.verdict_prev, .verdict_prev a {color:grey;!important;}/*#DBDBDB*/
TABLE.status .verdict a:hover{color: inherit}
TABLE.status .title {text-align: left;word-wrap:break-word;line-height: 200%;}
TABLE.status .language {text-align: center;}
TABLE.status .time {text-align: center;}
TABLE.status .memory {text-align: center;}
TABLE.status .length {width:68px;text-align: center;}
TABLE.status .test {width:42px;text-align: center;}
TABLE.status .coder,TABLE.status .coder a{font-size:13px;text-align: left;TEXT-DECORATION: none ;}

TABLE.standings {width:100%; overflow:hidden; text-overflow:ellipsis;text-align: center;}
TABLE.standings TR.header{font-size:14px;height:24px;text-align: center;}
TABLE.standings TD, TABLE.standings TH {padding:0.3em !important;}
TABLE.standings TH {border-left:1px solid #e1e1e1;height:24px;line-height: 14px;}
TABLE.standings TD {max-width:480px!important;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;height:24px;line-height: 14px;word-wrap:break-all; overflow:hidden;}
TABLE.standings .id { width:48px;text-align: center;}
TABLE.standings .rank { width:48px;text-align: center;}
TABLE.standings .coder0 {width:162px; text-align: left;}
TABLE.standings .coder {text-align: left;font-size:13px;}
TABLE.standings .penalty {width:62px;text-align: center;max-width:480px!important;}
TABLE.standings .solved {width:48px;text-align: center;}
TABLE.standings .solved2 {width:78px;text-align: center;}
TABLE.standings .score {width:48px;text-align: center;}
TABLE.standings .problem {width:48px;text-align: center;}
TABLE.standings .motto {text-align: center;}
TABLE.standings .school {text-align: center;}
TABLE.standings .rating {width:48px;text-align: center;}
TABLE.standings .rating2 {width:68px;text-align: center;}

TABLE.contest {width:100%; overflow:hidden; text-overflow:ellipsis;text-align: center;}
TABLE.contest TR.header{font-size:14px;height:24px;text-align: center;}
TABLE.contest TD, TABLE.contest TH {padding:0.3em !important;}
TABLE.contest TH {border-left:1px solid #e1e1e1;height:24px;}
TABLE.contest TD {max-width:480px!important;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;height:24px;;
word-wrap:break-all; overflow:hidden;}
TABLE.contest .id { width:24px;text-align: center;}
TABLE.contest .title { text-align: center;word-wrap:break-word;}
TABLE.contest .start {width:144px;text-align: center;}
TABLE.contest .during {width:86px;text-align: center;}
TABLE.contest .type {width:48px;text-align: center;}
TABLE.contest .coder {width:128px;text-align: center;}
TABLE.contest .standings {width:108px;text-align: center;}
TABLE.contest .info {text-align: center;white-space:nowrap;}
TABLE.contest .reg {width:168px;text-align: center;}
TABLE.contest .registrants {width:48px;text-align: center;}
TABLE.contest .week {width:48px;text-align: center;}
TABLE.contest .access {width:86px;text-align: center;}
TABLE.contest .oj {width:86px;text-align: center;}
TABLE.contest .name { word-wrap:break-word;}
TABLE.contest .rating {text-align: center;}

.pending{
	color: green;
	font-weight: bold;
}
.running{
	color: red;
	font-weight: bold;
}
.ended{
	color: grey;
	font-weight: bold;
}

TABLE.mails {width:100%; overflow:hidden; text-overflow:ellipsis;text-align: center;}
TABLE.mails TR.header{font-size:14px;height:24px;text-align: center;}
TABLE.mails TD, TABLE.mails TH {padding:0.3em !important;}
TABLE.mails TH {border-left:1px solid #e1e1e1;height:24px;}
TABLE.mails TD {max-width:480px!important;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;height:24px;word-wrap:break-all; overflow:hidden;}
TABLE.mails .id { width:42px;text-align: center;}
TABLE.mails .status {width:42px;text-align: center;}
TABLE.mails .title { text-align: left;}
TABLE.mails .sender {width:86px;text-align: center;}
TABLE.mails .recver {width:86px;text-align: center;}
TABLE.mails .date {width:144px;text-align: center;}

.row-even{background-color:#FFF;}
.row-odd{background-color: #f8f8f8;}

#datepick-div,.datepick-inline{background:#fff;color:#222;width:220px;}
#datepick-div select.datepick-new-month{width:70%;}
#datepick-div select.datepick-new-year{width:30%;}
#datepick-div{display:none;border:1px solid #B9B9B9;border-bottom:none;z-index:100;}
.datepick-inline{float:left;display:block;border:0;}
#datepick-div table td{height:16px;}
#datepick-div table th{height:22px;}
.datepick-rtl{direction:rtl;}
.datepick-dialog{padding:5px!important;border:4px ridge #B9B9B9!important;}
.datepick-disabled{position:absolute;z-index:100;background-color:white;opacity:.5;filter:alpha(opacity=50);}
button.datepick-trigger{width:25px;}
img.datepick-trigger{margin:2px;vertical-align:middle;}
.datepick-prompt{float:left;padding:2px;}
* html .datepick-prompt{width:220px;}
.datepick-control,.datepick-links,.datepick-header,.datepick{clear:both;float:left;width:100%;color:#222;}
.datepick-control{background:#fee6e3;padding:2px 0;display:none;}
.datepick-links{background:#fff;padding:2px 0;}
.datepick-control,.datepick-links{color:#3B5998;font-size:80%;}
.datepick-links label{padding:2px 5px;color:#888;}
.datepick-clear,.datepick-prev{float:left;width:34%;}
.datepick-rtl .datepick-clear,.datepick-rtl .datepick-prev{float:right;text-align:right;}
.datepick-current{float:left;width:30%;text-align:center;}
.datepick-close,.datepick-next{float:right;width:34%;text-align:right;}
.datepick-rtl .datepick-close,.datepick-rtl .datepick-next{float:left;text-align:left;}
.datepick-header{background:#e0e0e0;text-align:center;font-weight:bold;color:#3B5998;height:1.3em;}
.datepick-header select{background:#e0e0e0;color:#222;border:0;font-weight:bold;color:#3B5998;}
.datepick-header span{position:relative;top:3px;}
.datepick{text-align:center;font-size:100%;}
.datepick a{display:block;width:100%;}
.datepick-title-row th{text-align:center;font-weight:normal;}
.datepick-week-col{background:#e0e0e0;}
.datepick-days-cell{border:1px solid #d3d3d3;}
.datepick-days-cell a{display:block;background:#eee;}
.datepick-other-month a{background:#fff;}
.datepick-unselectable{color:#888;}
.datepick-week-over a{background:#e0e0e0;}
.datepick-today{border:1px solid #fcefa1;}
.datepick-today a{background:#fbf9ee;}
.datepick-current-day{border:1px solid #B9B9B9;}
.datepick-current-day a{background:#e0e0e0;color:#222;}
.datepick-days-cell-over{border:1px solid #999;}
.datepick-days-cell-over a{background:#dadada;}
.datepick-status{width:100%;font-size:80%;text-align:center;}
#datepick-div a,.datepick-inline a{cursor:pointer;margin:0;padding:0;text-decoration:none;}
.datepick-inline .datepick-links a{padding:0 5px!important;}
.datepick-control a,.datepick-links a{padding:2px 5px!important;color:#222!important;}
.datepick-control a:hover{background:#ffd0d0;}
.datepick-links a:hover,.datepick-title-row a:hover{background:#e0e0e0;}
.datepick-multi .datepick{border:1px solid #B9B9B9;}
.datepick-one-month{float:left;width:220px;}
.datepick-new-row{clear:left;}
.datepick-cover{display:none;display:block;position:absolute;z-index:-1;filter:mask();top:-1px;left:-1px;width:187px;height:187px;}

.problem-time-input {
	width:50px;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none ;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px 0px 8px 8px;
	font-size: 13px;
	margin-bottom:6px;
}
.problem-oj-input {
	width:120px;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none ;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px 0px 8px 8px;
	font-size: 13px;
	margin-bottom:6px;
}
.problem-link{
 	display: block;
}
.problem-link a{
    white-space: nowrap;
    line-height: 200%;

}
.rated-user {
    font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
    text-decoration: none !important;
    font-weight: bold!important;
}

/*
10 [3000, inf) Legendary Grandmaster ��� 
9 [2600, 3000) International Grandmaster �ʺ�  
8 [2200, 2600) Grandmaster �� 
7 [2050, 2200) International Master �� 
6 [1900, 2050) Master �� 
5 [1750, 1900) Candidate Master �� 
4 [1600, 1750) Expert ��
3 [1400, 1600) Specialist ��  
2 [1200, 1400) Pupil ��
1 (-inf, 1200) Newbie �� 
0 -> black
*/
.user-rate-11 {
    color: black !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-10 { /*  .user-red */
    color: #a00 !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-9  { /* .user-red-lite */
    color: red !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-8 { /* .user-gold */
	color: #FFD700 !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-7 { /* .user-orange */
    color: #FF8C00 !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-6 { /* .user-Pink */
    color: #FF1493 !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-5 { /* .user-violet */
    color: #f8f !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-4 { /* .user-blue */
    color: #aaf !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-3 { /* .user-green */
    color: #77ddbb !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-2 { /* .user-green-lite */
    color: #7f7 !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-1 { /* .user-gray */
    color: #ccc !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-rate-0 { /* .user-black */
    color: black !important;
    font-weight: normal !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}
.user-unknow{
	color: #00C !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}

.user-admin {
    color: black !important;
	font-family:verdana,Serif,Arial,Tahoma,Helvetica,����,sans-serif;
}

/*
back to top 
*/
.back-to {
    position: fixed;
    bottom: 40px;
    *bottom: 50px;
    _bottom: 40px;
    right: 10px;
    z-index: 999;
    width: 50px;
    zoom: 1
    }
* html .back-to {
    position: expression(function(ele){ele.runtimeStyle.position='absolute';Expressions.style.position.fixed(ele);}(this))
    }
.back-to .back-home {
    float: right;
    display: block;
    width: 50px;
    height: 50px;
    background: url(../img/back-home.png) no-repeat 0 0;
    outline: 0 none;
    text-indent: -9999em
    }
.back-to .back-home:hover {
    background-position: -50px 0
    }
.back-to .back-top {
    float: right;
    display: block;
    width: 50px;
    height: 50px;
    background: url(../img/back-top.png) no-repeat 0 0;
    margin-left: 10px;
    outline: 0 none;
    text-indent: -9999em
    }
.back-to .backtotop {
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    background: #666 url(../img/btt.png) 8px -57px no-repeat;
    margin-bottom: 15px;
    outline: 0 none;
    text-indent: -9999em;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative
    }
.back-to .backtotop:hover {
    background-color: #333;
    background-position: 8px 13px
    }
.back-to .backtotop .back-tip {
    position: absolute;
    visibility: hidden;
    top: -31px;
    left: -10px
    }
.back-to .backtotop:hover .back-tip {
    visibility: visible
    }
.back-to .back-top:hover {
    background-position: -50px 0
    }



/* poshytip*/
.UserOutline {width:300px; }
.UserOutline .u {float:left;width:85px;height:85px;}
.UserOutline h1 a{}
.UserOutline h1 {font-size:15px;color:#000;padding:2px 5px;}
.UserOutline h1 .city {font-weight:normal;font-size:13px;margin-left:10px;color:grey;}
.UserOutline ul {margin-left:3px;}
#UserMotto {margin:5px 0 0 5px;color:#378059;}
#UserStat {margin:0px 0 0 10px;}
#UserStat ul{
	border: 0; margin:10px 0; padding:0;
}
#UserStat ul li {
	float:left;
	width:50px;
	border-right:1px solid #ccc;
	margin-right:0px;
	font-weight:bold;
	text-align:center;
	color:#40AA53;
	list-style-type:none;
}
#UserStat ul li.l {border-right:0;width:85px;}
#UserStat ul li em {display:block;font-style:normal;color:#444;}
#UserStat ul li a {text-decoration:none;color:#40AA53;}
#UserStat ul li a:hover {color:#060;}
.UserOutline .opts {margin:50px 0 10px 0;color:#000;font-size:13px;clear:both;font-weight:bold;}
.UserOutline .opts span {background:#f3deb0;border:1px solid #aba895;padding:2px 12px;margin-right:5px;color:#666;}
.UserOutline .opts a {text-decoration:none;color:#378059;}
.UserOutline .opts a:hover {color:#A00;}
.UserOutline .opts .cancel {font-weight:normal;}
.UserOutline #Logs strong {display:block;margin:0 0 10px 0;border-bottom:1px solid #888;padding-bottom:4px}
.UserOutline #Logs .log {color:#666;}
.UserOutline #Logs .log a{text-decoration:none;}
.UserOutline #Logs .log a:hover {text-decoration:underline;}
/* end poshytip*/


.Tabs {background-color:#eee;height:28px;margin-bottom:10px;}
.Tabs ul{float:left;height:28px;line-height:28px;}
.Tabs li{float:left;font-size:10.5pt;}
.Tabs li a{font-size:13px;color:#000;display:block;text-decoration:None;padding:0 15px;}
.Tabs li a.active {background-color:#557DBA;color:#fff;}
.Tabs li.sep{border-right:1px solid #ccc;}
.Tabs .desc {color:#999;float:left; margin:8px 0 0 20px;}
.Tabs .more{float:right;margin:6px 6px 0 0;text-decoration:None;}

.BlogList li a {color:#3B5998;text-decoration:none;}
#RecentBlogs { margin:0;}
#RecentBlogs img {border-radius: 10px;max-width: 600px;max-height: 600px;}
#RecentBlogs .Tabs li a.active {background-color:#40AA53;color:#fff;}
#RecentBlogs .BlogList{margin:0; padding:0;list-style-type: none;}
#RecentBlogs .BlogList > .topic-item {padding:10px 0px 10px 0px;border-bottom:1px solid #F5F5F5;}
#RecentBlogs .BlogList > .topic-item:hover {
	background-color: #fcfafa;
}
#RecentBlogs .BlogList li h3 {font-size:16px;margin:0 0 5px 0;}
#RecentBlogs .BlogList li .u {float:left; width:40px;}
#RecentBlogs .BlogList li .u img {width:32px;height:32px;margin:3px 0 0 5px;}
#RecentBlogs .BlogList li .b {margin-left:50px;}
#RecentBlogs .BlogList li .abstract {
	font-size:13px;
	background-color: inherit;
	color: rgba(60, 60, 67, 0.6);
	line-height:17px;
	word-wrap:break-word;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
#RecentBlogs .BlogList li .more {font-size:13px;line-height:18px;word-wrap:break-word;}
#RecentBlogs .BlogList li .buttom{margin:10px 0 0 0 ;font-size:14px;}
#RecentBlogs .BlogList li .date {color:#666;}
#RecentBlogs .BlogList li .opts {float: right;}
#RecentBlogs .BlogList li .opts a{text-decoration: none;}
#RecentBlogs .BlogList li .opts a:hover{color:#00a;}

.button_submit_code {
  display: inline-block;
  border-radius: 4px;
  background-color: #428bca;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button_submit_code span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button_submit_code span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button_submit_code:hover span {
  padding-right: 25px;
}

.button_submit_code:hover span:after {
  opacity: 1;
  right: 0;
}

.button_submit {  
	width: 80px;
	padding:8px;
	background-color: rgb(45 181 93);
	color: #fff;  
	cursor: pointer;
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius: 5px; /* future proofing */  
	-khtml-border-radius: 5px; /* for old Konqueror browsers */  
	text-align: center;  
	vertical-align: middle;
	border:0px solid rgb(45 181 93);
}

.button_submit:hover {
    background-color: #368d45;
}

.pop-div-menu {
	padding:8px;
	background-color: #256c25;
	color: #fff;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	text-align: center;
	vertical-align: middle;
	border: 2px solid green;
}

.pop-div-menu:hover {
	border: 2px solid green;
	background-color: #e7e7e7;
	color: black;
}

.pop-div-photo{
	 z-index:2001; width:100%; height:100%;
	 background-color:#000;
	 filter:alpha(opacity=50);
	 -moz-opacity:0.5;
	 opacity:0.5;
	 position:absolute;
	 left:0px;
	 top:0px;
	 display:none;
}
.pop-inner-div-photo{
	z-index:2001; 
	position:absolute;
	width:672px;
	height:530px; 
	margin:0 auto;
	padding:8px; 
	color:gray;
	background-color:#fff;
	border:1px #fff solid;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
	left:25%;
	top:60px; /*FF IE7*/          
	display:none;
}

.img-wrap{width:350px; height:350px;background:gray;text-align:center;position:relative;}
#img-photo{max-width:100%;max-height:100%;border-radius: 50%; border-colort:#ffffff;}
.preview-wrap{width:280px;float:right;height:280px;text-align:center;}
.preview-wrap .title{height:15px;padding:0 10px;text-align:center;margin-top:10px;}
.preview-img-wrap{width:250px;height:250px;margin:0 auto;margin-bottom:8px;margin-top:8px;}
.preview-img-wrap_80{width:80px;height:80px;margin:0 auto;margin-bottom:8px;margin-top:8px;}
.preview-img-wrap_50{width:50px;height:50px;margin:0 auto;margin-bottom:8px;margin-top:8px;}
#imga-preview{max-width:100%;max-height:100%;border-radius: 50%;}
#imga-preview80{max-width:100%;max-height:100%;border-radius: 50%;}
#imga-preview50{max-width:100%;max-height:100%;border-radius: 50%;}
.btn-wrap{text-align:left;margin-top:10px;}
.cropper-view-box,
.cropper-face {
	border-radius: 50%;
}

.small-scrollbar{}
.small-scrollbar::-webkit-scrollbar {width: 6px;height: 180px;}
.small-scrollbar::-webkit-scrollbar-thumb {border-radius: 6px;box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);background   : #ededed;}

.gutter {
	background:linear-gradient(#f7f7f7, #FFFFFF);
	background-repeat: no-repeat;
	background-position: 50%;
}
.gutter.gutter-horizontal {
	background-image: url();
	cursor: col-resize;
}

#problem-box{position:fixed;width:100%;height:100%;left:0;top:52px;overflow:hidden;background:linear-gradient(#f7f7f7, #FFFFFF);}
#problem-box-left,#problem-box-right{height:100%;padding:0px; bottom:45px;}
#problem-box-left{float:left;width:680px;}
#problem-box-right{float:right;width:60%;}
#problem-drag-bar {
	position:absolute;top:0;
	left:680px;height:100%;width:12px;
	overflow:hidden;cursor:col-resize;z-index: 100;
}
#problem-drag-bar:hover {
	background-color: #0000ca;
}

.profile-setting-form-box {
	width: 588px;
	padding: 6px;
}
.pretty-edit-box {
	width: 100%;
	margin-bottom: 6px;
	padding: 0px;
	background:#FFFFFF;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: grey;
	display: flex;
	flex-direction: column;
}

.pretty-edit-box-focus {
	color: #0185e4;
	outline: 0;
	border: 1px solid #0185e4;
	box-shadow: 0px 0px 10px 0px #0185e4;
}

.pretty-edit-box-title {
	padding: 6px;
	color: inherit;
	flex: 1 0 auto;
	display: flex;
}

.pretty-edit-box-name {
	color: inherit;
	flex:1;
}

.pretty-edit-box-tip{
	width: 60px;
	text-align: right;
	color: grey;
	display: none;
}

.pretty-edit-box-text {
	width: 100%;
	padding: 0px 6px 6px 6px;
	resize:none;
	outline-style:none;
	background: inherit;
	border: 0px solid #FFFFFF;
	font-size: 14px;
	line-height: 20px;
}

.pretty-edit-box-password {
	display: inline;
}

.profile-motto-input {
	width: 100%; height: 96px;
	resize:none;
	outline-style:none;
	background: inherit;
	border: 0px solid #FFFFFF;
	font-size: 14px;
	line-height: 20px;
}

.profile-input-choice {
	color: #262626bf;
	min-width: 40px;
	width: auto;
	display: inline-block;
	margin-top: 6px;
	margin-left: 6px;
	overflow: auto;
	outline-style:none;
	border: 0px solid #FFFFFF;
	font-size: 12px;
	line-height: 20px;
	cursor: pointer;
}

.profile-input-choice:hover {
	color: #0a001f;
	background:#f7f7f7;
	border: 1px solid #f7f7f7;
	border-radius: 3px;
	text-shadow: 0px 0px 1px #0a001f;
}
.profile-submit-div {
	width: 546px;
	height: 30px;
	margin: 6px;
	padding: 6px;
	background:#FFFFFF;
	border: 0px solid #ccc;
}
.profile-submit-div  input.modify-box-submit {
	float: right;
	width: 100px;
	overflow: auto;
	overflow-x:hidden;
	outline-style: none;
	border: 1px solid #4389ec;
	border-radius: 3px;
	padding: 8px 0px 8px 8px;
	font-size: 16px;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: 800;
	background-color: #4389ec;
}
.profile-submit-div input.modify-box-submit:hover {
	transform:scale(0.96, 0.96);
}

.lang-choice {
	color: #262626bf;
	width: -moz-fit-content;
	width: fit-content;
	margin:0 auto;
	outline-style:none;
	background:#f7f7f7;
	border: 1px solid #f7f7f7;
	border-radius: 3px;
	font-size: 12px;
}

.lang-choice:hover {
	color: #0a001f;
	text-shadow: 0px 0px 1px #0a001f;
}
option {
	padding-top: 12px!important;
}

.problem-content{
	height:100%;
	overflow-y:scroll;
	background:#fff;
	padding: 0px 12px;
	border-top: 0px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.problem-status {
	display: none;
	padding: 0px 12px;
}
.problem-information{
}
.problem-status-loader{
	display: none;
	text-align: center;
	margin: 0 auto;
	position: relative;
	left: 50%;
}
.ide-box{
	width:100%;
	border-top: 0px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
#ide-box-nav {}
.ide-box-nav-left{float:left;padding: 5px 4px}
.ide-box-nav-right{float:right;margin-top: 4px;height: 40px;padding: 4px 4px}

.source-box {height:800px;width:100%;}
.config-content {height:600px;width:100%;}
.testcase-box-content {height:600px;width:100%;}

.ide-second-nav {
	height:40px;
	background:#f8f8f8;
	margin-bottom: 0px;
	border-bottom: 1px solid #f0f0f0;
}

#problem-box-nav{
}
.problem-second-nav {
	display: flex;
	height:40px;
	padding: 0px;
	background:#f8f8f8;
	margin:0px auto 0;
	box-sizing: border-box;
}
.problem-second-nav ul{margin:0; padding:0 ;z-index:900;}
.problem-second-nav ul.hleft{ flex: 0 0 auto;float:left; padding:0;height:40px;line-height:40px;font-size:13px;}
.problem-second-nav ul.hleft li{float:left; color:#999;margin:0;padding:0;list-style-type:none;}
.problem-second-nav ul.hleft li.nav_menu{
	cursor: pointer;
	color:#999;background:#f8f8f8;margin:0;padding:0;
	border-top: 0px solid #f0f0f0;
	border-left: 0px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.problem-second-nav ul.hleft li.nav_menu:hover {color:#999;
 }
.problem-second-nav ul.hleft li.current{color:#999;background:#fff;margin:0;padding:0;
	border-top: 0px solid #f0f0f0;
	border-left: 0px solid #fff;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #fff;
}
.problem-second-nav ul.hleft li span{color: #8c8c8c; padding: 0px 20px;}
.problem-second-nav ul.hleft li.current span{color: #1e1e26;}
.problem-second-nav ul.hleft li.nav_menu span:before  {
}
.problem-second-nav ul.hleft li a{color: #8c8c8c;padding: 0px 20px; text-decoration:none;}
.problem-second-nav ul.hleft li.current a{color: #1e1e26;}
.problem-second-nav ul.hright{flex: 1 1 auto;padding:0;height:41px;line-height:41px;font-size:13px;background:#f8f8f8;border-bottom: 1px solid #f0f0f0;}
.problem-second-nav ul.hright li{color:#999;margin:0;padding:0;list-style-type:none;}
.problem-second-nav ul.hright li.nav_menu{
	cursor: pointer;
	color:#999;background:#f8f8f8;margin:0;padding:0;
	border-top: 0px solid #f0f0f0;
	border-left: 0px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

.problem-box-nav-tab {
	display: flex;
	flex:0 1 auto;
	overflow: hidden;
	cursor: pointer;
	color:grey;
	padding: 8px 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	border-bottom:1px solid #f0f0f0;
}

.problem-box-nav-tab-cur {
	background: #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
}

.problem-box-nav-tab-cur {
	background: #fff;
}

.testcase-modify-link,.testcase-delete-link {
	margin-left: 12px;
	cursor: pointer;
	color: #3357D6;
	font-size: 12px;
}
.testcase-modify-link:hover {
	color: #CD6839;
}
.testcase-delete-link:hover {
	color: #CD6839;
}
.btn-testcase-save, .btn-testcase-cancel {
	margin-right: 12px;
	display: none;
}
#test-box {
	display:none;
	padding: 0;
	margin: 0;
	position:fixed;bottom:45px;width:100%;overflow-y:auto;
	text-align:left;z-index: 100;overflow-x:hidden;
	background:#fff;
	border: 0px solid #f0f0f0;
}
TABLE.test-box-tb {position:relative;margin-top: 8px;padding:2px auto;font-size: 12px;}
TABLE.test-box-tb .title {width:60px;padding:0px 20px;text-align:right;}
TABLE.test-box-tb .test-box-input {
	margin-left: 20px;
	width: 1500px;
	height:110px; resize:none; border: 1px solid #ccc; border-radius: 3px;
}  
TABLE.test-box-tb .test-box-output-status {
	margin-left: 20px;
}
TABLE.test-box-tb .test-box-output {
	margin: 6px 0 0 20px;
	width: 1500px;
	outline: none;
	height:80px; resize:none; border: 0px solid #f7f7f7; border-radius: 3px;
	background:#f7f7f7;
}  
#test-box-nav{
	display: flex;
	flex:0 0 auto;
  	overflow: hidden;
    position:fixed;
    bottom:175px;
  	width:100%;
	height: 28px;
  	background:#f7f7f7;
  	z-index: 100;
  	border-top:1px solid #f7f7f7;
  	font-size: 12px;
  	cursor:row-resize;
}
div#test-box-nav:hover{background:#e1e1e1}

.test-box-nav-tab {
	display: flex;
	flex:0 1 auto;
	overflow: hidden;
	cursor: pointer;
	color:grey;
	padding: 2px 8px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.test-box-nav-tab-cur {
	background: #fff;
}
#bottom-bar-left {position:fixed;height:45px;width:100%;bottom:0px;}
#bottom-bar-right {position:fixed;height:45px;width:100%;bottom:0px;}
div.console-menu {float:left; margin: 10px 20px;cursor: pointer;}
.bottom_button {float:right;margin: 4px 20px;}

.pop-div-ide-setting{
	 z-index:2001; width:100%; height:100%;
	 background-color:#000;
	 filter:alpha(opacity=50);
	 -moz-opacity:0.5;
	 opacity:0.5;
	 position:absolute;
	 left:0px;
	 top:0px;
	 display:none;
}
.pop-inner-div-ide-setting{
	z-index:2001; 
	position:absolute;
	width:672px;
	height:530px; 
	margin:0 auto; 
	color:#000;
	background-color: #fff;
	border:1px #fff solid;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.33);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.33);
	box-shadow:0 2px 3px rgba(0,0,0,.33);
	left:25%;
	top:60px; /*FF IE7*/          
	display:none;
}

.ide-setting {
	margin: 0px 10px 0px 0px;
	padding: 0px 5px 5px 5px;
	cursor: pointer;
}

.load-default-template{
	margin: 0px 10px 0px 0px;
	padding: 0px 2px 5px 5px;
	cursor: pointer;
}

.ide-menu-item {}
.ide-menu-item:hover {
	background-color:#f0f0f0;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}
.ide-menu-img {width:16px;height:16px;}

.ide-setting-box:hover{
	background:#e1e1e1
}

.ide-setting-box .title{
	height:38px;
	padding:10 0px;
	text-align:center;
	border-bottom:1px #f7f7f7 solid;
}
.ide-setting-box .option ul {font-size:13px;margin:0; padding:0;}
.ide-setting-box .option ul li{height:68px;margin:0; padding:0;list-style-type:none;}
.ide-setting-box .option ul li:hover{background:#e1e1e1}
.ide-setting-box .option ul li .item-title {float:left;margin-left:20px; padding:10px 0;}
.ide-setting-box .option ul li .item {float:right;width:200px;text-align:left;margin-right:20px;line-height:68px;}

.fontsize-picker {
	width:200px;overflow: auto;overflow-x:hidden;outline-style:none;background:#f7f7f7;
	border: 1px solid #ccc; border-radius: 3px;padding: 8px 0px 8px 8px;font-size: 13px;
}
.theme-picker {
	width:200px;overflow: auto;overflow-x:hidden;outline-style:none;background:#f7f7f7;
	border: 1px solid #ccc; border-radius: 3px;padding: 8px 0px 8px 8px;font-size: 13px;
}
.wordwrap-column {
	width:200px;overflow: auto;overflow-x:hidden;outline-style:none;background:#f7f7f7;
	border: 1px solid #ccc; border-radius: 3px;padding: 8px 0px 8px 8px;font-size: 13px;	
}

.wordwrap-switch {
  width: 80px;!important;
  height: 26px;
  background: #333;
  margin: 20px auto;
  position: relative;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.wordwrap-switch:after {
  content: 'OFF';
  color: #000;
  position: absolute;
  right: 10px;
  z-index: 0;
  font: 12px/26px Arial, sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
.wordwrap-switch:before {
  content: 'ON';
  color: #00bf00;
  position: absolute;
  left: 10px;
  z-index: 0;
  font: 12px/26px Arial, sans-serif;
  font-weight: bold;
}
.wordwrap-switch label {
  display: block;
  width: 34px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
  background: #fcfff4;
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
.wordwrap-switch input[type=checkbox] {
  visibility: hidden;
}
.wordwrap-switch input[type=checkbox]:checked + label {
  left: 43px;
}

/* mails */
#mail-box{display: flex;position:fixed;width:100%;height:100%;left:0;top:52px;overflow:hidden;background:linear-gradient(#f7f7f7, #FFFFFF);}
#mail-box-left,#mail-box-right{height:100%;padding:0px; bottom:45px;font-size: 13px;}
#mail-box-left{width:430px;overflow-x: hidden;overflow-y: hidden;}
#mail-box-right{overflow-x: hidden;overflow-y: hidden;display: flex;flex-direction:column; }
#mail-box-drag-bar{top:0;left:430px;height:100%;width:12px;background:linear-gradient(#f7f7f7, #FFFFFF);overflow:hidden;cursor:col-resize;z-index: 100;}
div#mail-box-drag-bar:hover{background:#e1e1e1}

.mail-box-nav {
	height:24px;
	background:#fff;
	padding: 6px 6px;
	margin-bottom: 0px;
}

.mail-box-second-nav {
	display: flex;
	height:40px;
	padding: 0px;
	background:#f8f8f8;
	margin:0px auto 0;
	box-sizing: border-box;
}
.mail-box-second-nav ul{margin:0; padding:0 ;z-index:900;}
.mail-box-second-nav ul.hleft{ flex: 0 0 auto;float:left; padding:0;height:40px;line-height:40px;font-size:13px;}
.mail-box-second-nav ul.hleft li{float:left; color:#999;margin:0;padding:0;list-style-type:none;}
.mail-box-second-nav ul.hleft li.nav_menu{
	cursor: pointer;
	color:#999;background:#f8f8f8;margin:0;padding:0;
	border-top: 0px solid #f0f0f0;
	border-left: 0px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.mail-box-second-nav ul.hleft li.nav_menu:hover {color:#999;
}
.mail-box-second-nav ul.hleft li.current{color:#999;background:#fff;margin:0;padding:0;
	border-top: 0px solid #f0f0f0;
	border-left: 0px solid #fff;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #fff;
}
.mail-box-second-nav ul.hleft li span{color: #8c8c8c; padding: 0px 20px;}
.mail-box-second-nav ul.hleft li.current span{color: #1e1e26;}
.mail-box-second-nav ul.hleft li.nav_menu span:before  {
}
.mail-box-second-nav ul.hleft li a{color: #8c8c8c;padding: 0px 20px; text-decoration:none;}
.mail-box-second-nav ul.hleft li.current a{color: #1e1e26;}
.mail-box-second-nav ul.hright{flex: 1 1 auto;padding:0;height:41px;line-height:41px;font-size:13px;background:#f8f8f8;border-bottom: 1px solid #f0f0f0;}
.mail-box-second-nav ul.hright li{color:#999;margin:0;padding:0;list-style-type:none;}
.mail-box-second-nav ul.hright li.nav_menu{
	cursor: pointer;
	color:#999;background:#f8f8f8;margin:0;padding:0;
	border-top: 0px solid #f0f0f0;
	border-left: 0px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.mail-box-tables{
	height:100%;
	overflow-x: hidden;
	overflow-y: hidden;
	background:#fff;
	border-top: 0px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.mail-tables {
	height:100%;
	overflow-x: hidden;
	overflow-y: scroll;
	background:#fff;
	padding: 12px 6px;
	margin-bottom: 6px;
}
TABLE.mails-list {width:100%; text-align: center;}
TABLE.mails-list TR.header{font-size:14px;height:24px;text-align: center;background-color: #faf3f3;}
TABLE.mails-list TR.mail-item {border-left:2px solid #FFFFFF !important;}
TABLE.mails-list TR.mail-item:hover {background-color: #faf3f3;border-left:2px solid #a6a6c9 !important;}
TABLE.mails-list TD, TABLE.mails-list TH {padding:0.3em !important;border-left:0px solid #e1e1e1 !important;}
TABLE.mails-list TH {height:24px;}
TABLE.mails-list TD {height:24px; overflow:hidden;}
TABLE.mails-list .item {text-align: left;}
TABLE.mails-list .user {font-size:15px;font-weight: bold;}
TABLE.mails-list .title {color:#4662d9;font-weight: bold;}
TABLE.mails-list .content {color: grey;}
TABLE.mails-list .date {width:64px!important;text-align: center;}

.mail-box-new{
	display: flex;
	flex-direction: column;
	width:100%;
	background:#fff;
	overflow-x: hidden;
	overflow-y: hidden;
	border-top: 0px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

.mail-content-box{
	display: flex;
	flex-direction: column;
	width:100%;
	background:#fff;
	overflow-x: hidden;
	overflow-y: hidden;
	border-top: 0px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.mail-content-info{
	background:#fff;
	padding: 0px 6px;
	margin: 6px;
	border-bottom:1px solid #e1e1e1;
}
.mail-content-data{
	flex: 1;
	overflow-x: hidden;
	overflow-y: scroll;
	background: #fff;
	padding: 12px 12px;
	margin: 6px;
}
.mail-content-editor{
	flex: 1;
	width: 80%;
	margin: 6px;
	overflow-x: hidden;
	overflow-y: scroll;
}
/* end mails */

/* start tags */

.tags ul{margin-bottom:1em;list-style-type:none;}
.tags ul li{list-style-type:none;}
.tags {display: block; padding: 1px 3px;}
.tags-sidebar{margin: 3px; line-height:28px;}
.tags a{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #DDD;
	background: #E6E6E6;
	padding: 2px 3px 2px 3px;
	margin-right: 3px;
	color: #454545!important;;
	text-decoration: none;
	white-space: nowrap;
	line-height: 24px;
	font-size: 13px;
}
.tags .tag-name{
	color: #454545;
}
.tags .tag-count{
	opacity: .85;
	position: relative;
	display: inline-block;
	min-width: 16px;
	padding: 3px 2px;
	margin: 0px auto;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 50%;
}

.tags a:hover {
	color: #454545;
	font-size: 13px;
	background-color: #DDD;
	text-shadow: 0px 0px 1px #000000;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
}

/* tag输入下拉框 */
.input-tags {
	border-bottom-style:none;
	background: none transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none;
	z-index: 2;
	cursor: text;
	padding: 0;
	margin: 6px 0px 0px 6px;
}
.tags-autocomplete-select {
	z-index: 10;
	border: 1px solid #dfe3e9;
	border-radius: 3px;
	display: block;
	width: 100%;
	vertical-align: middle;
	padding: 0px;
}
.tags-autocomplete-select .icon {
	float: right;
	display: inline-block;
	width: 0;
	height: 0;
	margin: 12px 6px 0 6px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.tags-autocomplete-select .label-item{
	display: inline-block !important;
	white-space: normal;
	vertical-align: top;
	padding: 6px 8px;
	margin-right: 3px;
	background-color: #EFEFEF;
	border: 0px solid transparent;
	border-radius: 0.28571429rem;
	color: #6a6a6a;
	cursor: pointer;
	text-decoration: none;
	line-height: 1;
	font-size: 13px;
}
.tags-autocomplete-select .label-item:hover{
	color: #454545;
	text-shadow: 0px 0px 1px #000000;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
}

.tags-autocomplete-select-menu{
	display: none;
	box-shadow: 0px 2px 3px 0px rgb(34 36 38 / 15%);
	border-radius: 0 0 3px 3px;
	cursor: auto;
	overflow-x: hidden;
	overflow-y: auto;
	border-top-width: 0px !important;
	outline: none;
	margin: 0px -1px;
	min-width: calc(100% + 2px );
	width: calc(100% + 2px );
	max-height: 200px;
	transition: opacity 0.1s ease;
	left: 0px;
	top: 0px;
	padding: 0px 0px;
	color: #6a6a6a;
	background: #FFFFFF;
	font-size: 1em;
	text-shadow: none;
	text-align: left;
	border: 1px solid rgba(34,36,38,0.15);
	z-index: 11;
}
.tags-autocomplete-select-item{
	z-index: 10;
	border-top: 1px solid rgb(250, 250, 250);
	position: relative;
	cursor: pointer;
	display: block;
	text-align: left;
	line-height: 1em;
	font-size: 13px;
	padding: 6px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-touch-callout: none;
}

.tags-autocomplete-select-item:hover {
	color: #454545;
	background: #f7f8f9;
}

i.icon-delete {
	font-family: 'Icons';
	font-style: normal;
	cursor: pointer;
	margin-right: 0em;
	margin-left: 0.5em;
	font-size: 0.92857143em;
	opacity: 0.5;
	-webkit-transition: background 0.1s ease;
	transition: background 0.1s ease;
}
i.icon-delete:before {
	content: "x";
}

.tag-layout {
	display: flex !important;
	flex-wrap: wrap;
	font-size: 13px;
}

.tag-layout__item {
	flex-basis: 30%;
	padding: 8px;
	background: #FFFFFF;
	margin: 6px 12px 6px 0px;
	border-radius: 0.25rem;
	border: 1px solid #d6d9dc;
	width: 100px;
	position: relative;
}

.tag-header {
	display: flex !important;
	margin-bottom: 12px;
}

.tag-description {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;
	color: #3b4045;
	padding: 2px;
	margin-bottom: 18px;
	line-height: 17px;
	word-wrap: break-word;
	display: -webkit-box;
	overflow: hidden;
	vertical-align: baseline;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.tag-description:hover {
	/* background: #faf3f3; */
}

.tag-stat{
	color: #838c95;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	display: flex !important;
}

.tag-textarea {
	width:98%;
	height:100%;
	min-height:40px;
	max-height:300px;
	border: 1px solid #ccc;
	border-radius: 3px;
	outline: none;
	resize: vertical;
}

.tag-textarea:focus {
	outline: 0;
	border: 1px solid #0185e4;
}

.tagSearch {
	width:160px;
	margin-top: 18px;
	padding-left: 32px;
	font-size:13px;
	height:36px;
	border:1px solid #d6d9dc;
	border-radius:3px;
	outline: 0;
	background: url(/img/search_32.png) no-repeat 6px 6px;
	background-size: 22px;
	vertical-align: middle;
}

.tagSearch:focus {
	outline: 0;
	border: 1px solid #0185e4;
	box-shadow: 0px 0px 10px 0px #0185e4;
}
/* end tags */

.messager {
	position: relative;
	position: fixed;
	background-color: #555;
	border-radius: 6px;
	z-index: 100;
	right:0;
	bottom:0;
	min-width: 100px;
	max-width: 200px;
	height: 100px;
}
.messager-header
{
	border-bottom:none;
	width:100%;
	font-size:12px;
	overflow:hidden;
	height:18px;
	color: #fff;
	vertical-align: center;
}
.messager-close
{
	float:right;
	padding:0px 5px 0px 5px;
	width:16px;
	color: #fff;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	overflow:hidden;
}
.meaaager-title
{
	padding:2px 5px 0px 5px;
	width:100px;
	text-align:left;
	overflow:hidden;
}
.messager-bottom
{
	padding-bottom:5px;
	border-top:none;
	width:100%;
	height:auto;
	font-size:13px;
}
.messager_content
{
	margin:0 5px 0 5px;
	padding:10px 0 10px 5px;
	font-size:13px;
	height:50px;
	color: #fff;
	text-align:left;
	overflow:hidden;
}

.recent-contest-update {
	float: right;
	margin-right: 12px;
	font-size:13px;
	color:grey;
	cursor: pointer;
	text-decoration: none;
}
.recent-contest-update:hover {
	color: #3357D6;
}


